﻿
/*顶部导航*/

.top_nav{width:100%; height: 40px; line-height: 40px; text-align: center;background: #fff;position: fixed; top:0;z-index: 1; border-bottom: #0a4595 2px solid;}
.top_nav h1{font-size:16px; height: 40px; color: #333; /*background: url(../img/logo.png) center no-repeat; background-size:64%;*/ width:100%; text-align: center;}
.top_nav a{height: 40px;
    background: url(../img/fanhui.png) left no-repeat;
    background-size: 64%;
    float: left;position: absolute; left: 10px;
    width: 10%;}
.icon_box{width:100%; float: left; margin: 10px 0 50px 0;}
.icon_box ul{width:100%; float: left;}
.jun{width:96%; padding: 0 2% 0 2%; float: left; margin: 0 0 10px 0; background:#fff;  line-height: 40px;}
.jun em{color:#f00; float: left; line-height: 40px;}
.jun span{color:#333; float: left; line-height: 40px;font-size:14px;margin: 0 0 0 0px;}
.jun_name b{ float: right; font-size: 14px; color: #333;font-weight: normal;}
.layui-input-inline{ float:right !important; height: 30px !important; border:none !important; margin: 5px 0 0 0 ; line-height: 30px !important;}
.tsbox{background:#0a4595; color:#fff;}

.layui-input-inline select{color: #888; border: #e5e5e5 1px solid !important;height: 30px !important;line-height: 30px !important;}
.layui-input-inline select option{cursor: pointer;white-space: nowrap;
    text-overflow: ellipsis;outline:medium;}
.layui-input-inline select option:hover{ background: #f2f2f2 !important;}
.layui-form-checked[lay-skin=primary] i{border-color:#5FB878;background-color:#5FB878;color:#fff}
.layui-form-item{width:96%; padding: 0 2% 0 2%; float: left; margin: 0 0 10px 0; background:#fff; line-height: 40px; border-top:#e5e5e5 1px solid;}
.layui-form-item li{ float: left;margin-right:20px;}
.layui-form-item li span{float:left;line-height: 40px;}
.layui-form-item li input{float:left; margin: 14px 0px 0 0;}


.layui-form-item01{width:96%; padding: 0 2% 0 2%; float: left; margin: 0 0 10px 0; background:#fff; line-height: 40px; border-top:#e5e5e5 1px solid;}
.layui-form-item01 li{width:20%; float: left;}
.layui-form-item01 li span{float:left;line-height: 40px;}
.layui-form-item01 li input{float:left; margin: 14px 0px 0 0;}
.layui-input{color: #888; border: #e5e5e5 1px solid !important;height: 30px !important;line-height: 30px !important;}

.wenben_text{width:100%; float: left;}
.wenben_text textarea{width:96%; padding: 0 2% 0 2%; float: left; border: #e5e5e5 1px solid; min-height: 120px; overflow: hidden; font-size: 12px; color: #333; line-height: 24px;outline:medium;}
.layui-btn{display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #0a4595 !important;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    opacity: .9; float: left;}
.layui-upload{width:100%; float: left;}

.tijiao{width:100%; float: left; position: fixed; bottom:0; height: 40px; line-height: 40px;}
.tijiao_btn{width:100%;  font-size: 18px;  height: 40px;
    line-height: 40px;
    padding: 0 18px;
    background-color: #0a4595 !important;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    border: none;
    cursor: pointer;
     float: left;display: inline-block;    outline: 0;
    -webkit-transition: border-color .3s cubic-bezier(.65,.05,.35,.5);
    transition: border-color .3s cubic-bezier(.65,.05,.35,.5);
    box-sizing: border-box;}

.renwu_box{width:100%; float: left; }


#zyry{width:96%; float:left; }
#zyry_list{ float: left !important;display:block;  }
#zyry_list .ren01{ float: left; width: 45px;  margin-right: 10px;position: relative;  }
.renwu_name{ float: left; border-radius:50%; width:45px; height: 45px; background: #0a4595; text-align: center; line-height: 45px; color: #fff; font-size: 12px; }/*圆形图标*/

#zyry_list .ren01 .renwu_xg1{ float: left;width:100%; margin-top: 6px; height: 12px; line-height: 12px; font-size: 12px;  text-align: center; }/*名称*/
#zyry_list .ren01 .renwu_xg2{ float: left; width:100%; margin-top: 6px; height: 12px; line-height: 12px; font-size: 12px; text-align: center; }/*审核状态*/

#zyry_list .ren01 span{ float: left; width: 100%;}
#zyry_list .ren01 i{width:14px; height: 14px; background: url(../img/open.png) center no-repeat; background-size:100%; position: absolute; top: 0; right: -4px; }

.ren02{width:50px; height: 50px; border-radius:50%; background: #f6f6f6; float: left; margin: 0 0 0 30px;}
.ren02 a{width:36px; height: 36px; background: url(../img/tianjia.png) center no-repeat; margin: 7px auto;background-size:100%; display: block;}
.jun_renwu{padding: 0 2% 0px 2%;width:96%; float:left;}

#spr_list{ position: relative;float: left; width: 45px; text-align:center;}
#spr_list .ren01{ float: left; width: 45px;  margin-right: 0px; text-align:center;  }
.renwu_name{ float: left; border-radius:50%; width:45px; height: 45px; background: #0a4595; text-align: center; line-height: 45px; color: #fff; font-size: 12px; }/*圆形图标*/
#spr_list .ren01 .renwu_xg1{ float: left; width:100%; margin-top: 6px; height: 12px; line-height: 12px; font-size: 12px;  text-align: center;}/*名称*/
#spr_list .ren01 .renwu_xg2{ float: left; width:100%; margin-top: 6px; height: 12px; line-height: 12px; font-size: 12px; text-align: center; }/*审核状态*/
#spr_list .ren01 span{ float: left; width: 100%;}
#spr_list .ren01 i{width:14px; height: 14px; background: url(../img/open.png) center no-repeat; background-size:100%; position: absolute; top: 0; right: -10px; }

#fsr_list{ position: relative;float: left; width: 45px; }
#fsr_list .ren01{ float: left; width: 45px;  margin-right: 0px;   }
.renwu_name{ float: left; border-radius:50%; width:45px; height: 45px; background: #0a4595; text-align: center; line-height: 45px; color: #fff; font-size: 12px; }/*圆形图标*/
#fsr_list .ren01 .renwu_xg1{ float: left; width:100%; margin-top: 6px; height: 12px; line-height: 12px; font-size: 12px;  text-align: center;}/*名称*/
#fsr_list .ren01 .renwu_xg2{ float: left; width:100%; margin-top: 6px; height: 12px; line-height: 12px; font-size: 12px; text-align: center; }/*审核状态*/
#fsr_list .ren01 span{ float: left; width: 100%;}
#fsr_list .ren01 i{width:14px; height: 14px; background: url(../img/open.png) center no-repeat; background-size:100%; position: absolute; top: 0; right: -10px; }



.fd_dd{ float: left; width: 72%; text-indent: 12px;}


.gongz_box{width:96%;padding:2%;  float:left; background:#fff; border-top:#e5e5e5 1px solid;border-bottom:#e5e5e5 1px solid;}
.gongz_title{margin:0 0 0 4%;  float:left; background:#fff;}
.gongz_title span{font-size:20px;font-weight:600; color:#333;}
.gongz_title p{font-size:14px; color:#888;}
.kaishi, #jsdkbox{width:96%; padding:2%;background:#fff; margin:10px 0 0 0; float:left;}
.kaishi_time{width:100%; float:left; font-size:14px; color:#888;}
.kaishi_time span{color:#333;}
#ksgz, #jsgz{width:120px; height:120px;  background:#0a4595; color:#fff; float:left; border-radius:50%; text-align:center; margin:10px 30% 0 30%;}
#ksgz a, #jsgz a{color:#fff; font-size:14px; width:100%; float:left; text-align:center; margin:40px 0 0 0;}
.dktime{font-size:16px; color:#333;font-weight:600;background:url(../img/time.png) left no-repeat; height:30px; line-height:30px; background-size:5%;padding:0 0 0 26px;width:90%; float:left;}
.dkaddress{font-size:14px; color:#888;background:url(../img/didian.png) left no-repeat; line-height:30px; background-size:5.5%;padding:0 0 0 26px; width:90%; float:left; text-align: left;}
.uploadimg_box{ float: left; width: 100%;}
.uploadimg{float:left; width:60px !important; height:60px !important; background:url(../img/sc.png) center no-repeat; }
.uploadimg a{background:#000; width:100%; height:100%; float:left;}
.uploadimg img{float:left; width:60px !important; height:60px !important; /*background:url(../img/sc.png) center no-repeat;*/ border:none !important;}


.kaop{width:96%;padding:2% 2% 0 2%; border-top:#e5e5e5 1px solid; float:left; background:#fff; margin:10px 0 0 0;}
.kaop_title{font-size:16px;color:#333; font-weight:600;width:100%; float:left;}
.kaop_xin{width:100%; height:30px; line-height:30px; float:left; font-size:14px;}
.kaop_xin b{float:left; height:30px; line-height:30px; font-weight:normal;}
#gcl{width:44%; float:left;margin:0 0 1% 1%;}
#gznrgcl{width:44%; float:left;margin:0 0 1% 1%;}
.kaop_xin span{margin:2px 0 0 8px;display:block; float:left;}

.jun_box{width:100%;border-top:#e5e5e5 1px solid;  float:left; margin:10px 0 0 0;}
.jun_text span{width:100%; float:left;font-size:16px;color:#333; font-weight:600;}
#submitpj{width:100%; height:40px; line-height:40px; text-align:center; float:left;margin:0 0 30px 0;}
#submitpj div{ background:#0a4595; color:#fff;height:40px; line-height:40px; text-align:center;font-size:18px;}
.wenben_text{width:100%; float:left;}
#remarks{font-size:14px; color:#333; line-height:20px; padding:2%; border-radius: 2px 2px;}



.shenp{ width: 96%; padding: 0 2% 0 2%; float: left; margin:0 0 20px 0;}
.shenp_bt{ float: left; width: 100%;font-size:14px; font-weight:600;}
.shenp_xxnr{ float: left; width: 100%; }
.ren01{width:45px;text-align:center; float:left;margin:4px 0 0 0;}
.ren01 span{width:100%; display:block; float:left;}
.renwu_name{display:block;}
.renwu_xg1{width:100%; float:left;}
.renwu_xg2{width:100%; float:left;}

.ren03{width:50px; height:50px; border-radius:50%; background:#0a4595; float:left;}
.renwu_name3{color:#fff; text-align: center;float:left; line-height: 50px; width:100%;font-size:14px;}

.kqmx{font-size:14px;width:96%; padding: 0 2% 0 2%;line-height:24px;}
.renwu_list, .renwu_list01{width:100%; float: left; margin: 0px 0 0 0; }
.kqmx span{ text-align:left;color:#888;font-size:14px;}
.renwu_name01{width:100%;width:96%; margin: 0 2% 10px 2%; height:30px; line-height:30px; border-bottom:#e5e5e5 1px solid;color:#333;font-size:20px; text-align:left; font-weight:600;}
.renwu_list h1{width:96%; padding: 0 2% 0 2%;color: #444; font-size: 14px; height: 40px; line-height: 40px; float: left; background: #fff; font-weight: bold;}

.renwu_list01 h1{width:96%; padding: 0 2% 0 2%;color: #444; font-size: 16px; height: 40px; line-height: 40px; float: left; background: #fff; font-weight: bold; /*border-top:#ccc 1px solid;*/border-bottom:#e5e5e5 1px solid;margin:0 0 10px 0;}

.renwu_list h1, .renwu_list01 h1 em{ font-weight: normal; }
.renwu_list ul{width:96%; padding: 0 2% 0 2%;background: #fff; float: left; margin: 10px 0 0 0; }
.renwu_list ul li{width:100%; float: left; height: 40px; line-height: 40px; border-bottom: #e5e5e5 1px solid;}
.renwu_list ul li a{width:100%; float: left; height: 40px; line-height: 40px; }
.renwu_list ul li span{font-size:14px; color: #333;}
.renwu_list ul li em{font-size:14px; color: #888; font-style: normal !important; font-weight: normal !important; float: right; background: url(../img/right_icon.png) right no-repeat; width:10%; background-size:14px; padding:0 10px 0 0;}
.renwu_list01 h1 a{color:#0a4595;}
.renwu_list01 ul{width:96%; padding: 0 2% 0 2%;background: #fff; float: left; margin: 10px 0 0 0;  }+
.renwu_list01 ul li{width:100%; float: left; border-bottom: #e5e5e5 1px solid;  border-top: #e5e5e5 1px solid;margin: 0 0 10px 0; padding: 10px 0 10px 0;}
.renwu_list01 ul li a{width:100%; float:left; border-bottom:#e5e5e5 1px solid;}
.renwu_list01 ul li a span{width:50px; height: 50px; border-radius:50%; background: #0a4595; float: left; margin: 12px 0; text-align: center; line-height: 50px; color: #fff;font-size:16px;}
.renwu_title{float: left; margin: 13px 0 0 12px;width:72%; }
.renwu_title em{font-size: 14px; color: #333; display: block;font-weight:600;}
.renwu_title p{font-size: 14px; color: #888; display: block; margin: 4px 0 0 0;width:100%; float:left;}
.renwu_title p b{display:block; width:100%;  }
.iconright{width:15px; height:15px; background:url(../img/right_icon.png) center no-repeat;background-size:100%; float:right; margin:20px 10px 0 0;}


.renwu_list01 select{background:#0a4595 ; border: none !important; color: #fff;width:20%; height: 30px; line-height: 30px;border-radius:2px; }
.renwu_list01 select option{ background: #fff; color: #333;outline:medium;}
.renwu_list01 h1 em{float:right; font-size: 14px; color: #888;}
.kqb_box{width:100%; float: left;  margin: 10px 0 0 0; padding: 2% 0 2% 0; border-top:#e5e5e5 1px solid;}
.kqb_box ol{width:100%; float: left;}
.ol_box{width:100%; float: left; background: #fff; margin: 0 0 10px 0;padding: 0 0 10px 0;}
.kqb_box ol li{width:50%; margin:0px 25% 0 25%; display: block; height: 120px; float: left;}
.kqb_box ol li i{width:50px; height: 70px; background: url(../img/time01.png) 0 20px no-repeat; background-size:100%;  display: block; margin: 0px auto;}
.kqb_box ol li h2{ width:100%; float: left; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 16px; margin: 12px 0 0 0;}
.kqb_box ol h3{ width:96%;padding: 0 2% 0 2%; float: left; height: 30px; line-height: 30px; text-align: left; color: #333; font-size: 16px;}
.colo01{ background: #f25946;}
.colo02{ background: #3598fa;}
.colo03{ background: #19bc85;}

.center{width:100%; float: left;}
.center_box{width:96%; padding:2%; float: left; background: #fff; margin:00px 0 0 0;}
.center_title{width:100%; float: left; }
.center_title h1{font-size:18px; color: #0a4595;text-align: center;line-height: 26px; border-bottom: #e5e5e5 1px dashed; padding: 0 0 10px 0;}
.center_title div{width:100%; float: left; height: 40px; line-height: 40px; border-bottom: #e5e5e5 1px solid;}
.center_title div i{ color:#f00; font-style: normal;}
.center_title div span{font-size:14px; color: #333; margin: 0 0 0 4px;}
.center_title div em{ font-size:14px; color: #0a4595; float: right;}
.center_contant{width:100%; float: left; margin: 10px 0 0 0;}
.center_contant p{font-size:14px; color: #888; line-height: 24px;  text-align:justify; }
.center_contant img{width:100%; float: left; display: block; margin: 10px 0 0 0;}

.xiangmu_banner{width:100%; float: left; margin: 42px 0 0 0;}
.xiang_banner{width:100%; display: block; float: left;}
.xiang_banner img{width:100%; display: block;}

.center_list{width:100%; float: left;}
.center_list_box{width:96%; padding: 2%; background: #fff;}
.center_list_box ul{width:100%; float: left; }
.center_list_box ul li{width:100%; float: left; border-bottom: #e5e5e5 1px solid; padding: 0 0 20px 0; margin: 20px 0 0 0; }
.list_photo{width:30%; float: left;}
.list_photo img{width:100%; display: block;}
.list_text{width:68%; float: left; margin: 0 0 0 2%;}
.list_text h1{width:100%; float: left; height: 16px; line-height: 16px; overflow: hidden; font-size: 14px; color: #333;}
.list_text p{width:100%; float: left; display: block; font-size: 12px; color: #888; height: 30px; overflow: hidden; text-align: justify; margin: 4px 0 0 0;}
.list_fu_title{width:100%; float: left; margin: 6px 0 0 0;}
.list_fu_title span{ font-size:12px; color: #888; float: left;}
.list_fu_title em{ font-size:12px; color: #888; float: right;}

.navMenubox { width:100%;  background: #fff; margin: 0 auto;overflow: hidden; }
#slimtest1{width:96% !important; padding: 2%; float: left;}
.navMenu> li { display: block; margin: 0; padding: 0; border: 0px; }
.navMenu>li>a { display: block; overflow: hidden; padding-left: 0px; line-height: 40px; color: #333; transition: all .3s; position: relative; text-decoration: none; font-size: 14px;  border-bottom: 1px solid #e5e5e5; }
.navMenu li a .arrow{ 
    float: right;
    margin-top: 10px;
    margin-right: 15px;
    background: url(../img/right_icon.png) center no-repeat;
    height: 20px;
    background-size: 33%;
    width: 10%; }
.navMenu li a em{font-size:14px; color: #888; float: right;}

.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu { display: none; list-style: none; clear: both; margin: 8px 0px 0px 10px; padding-bottom: 5px; }
.navMenu>li.active > ul.sub-menu, .navMenu>li>ul.sub-menu>li.active >ul.sub-menu { }
.navMenu>li>ul.sub-menu li { background: none; margin: 0px; padding: 0px; }
.navMenu>li>ul.sub-menu li>a { display: block; font-size: 14px; line-height: 33px; padding-left: 20px; color: #888; clear: both; }
.sub-menu li p{width:100%; float: left; display: block; font-size: 14px; color: #888; line-height: 24px; text-align: justify;}
.icon_1{width:20px; height: 20px; float: left; background:url(../img/ic01.png) center no-repeat; background-size:100%; margin: 10px 10px 0 0; }

/*考勤记录列表*/
#kqjl_llb{ width: 100%; float:left; border-bottom:#e5e5e5 1px solid; padding:0 0 10px 0;}

#zuo_llb{ float: left; width: 70%;}

.icon_1{  float: left;}/*小图标*/

#zhong_llb{ float: left; width: 80%;}
#zhong_llb a{ display: block; width: 100%; float:left; }
#zhong_llb a .biaoti_llb{ width: 100%; margin-top: 10px;  float: left; line-height: 16px;font-size:14px; color:#333;}/* 标题 */
#zhong_llb a .zhaiyao_llb{width: 100%;  margin-top: 6px; float: left; line-height: 18px; font-size: 12px; color: #888;}/* 摘要 */
.zhuantai_llb{ width: 100%; float:left; margin:6px 0 0 0;}/*状态*/

#you_llb{ float: right; width: 20%; }
.shijian_llb{ width: 100%; float:left; text-align: left; font-size: 12px;margin:10px 0 0 0;}/*时间*/
.jiantou_llb{ width: 20%; border: 1px solid #000;}/*小箭头*/
.xm_llb {width:100%; height:24px;display:block; float:left; background:url(../img/dianji_icon.png) center no-repeat;background-size:26%;margin:12px 0 0 0;}
.xm_llb a{width:100%; height:24px;display:block; float:left; }



















